<!DOCTYPE HTML>
<html lang="en-US">
    <head>

        <meta charset="UTF-8">
        <title>Beoro Admin Template v1.1</title>
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <link rel="icon" type="image/ico" href="favicon.ico">
        
    <!-- common stylesheets-->
        <!-- bootstrap framework css -->
            <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
            <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css">
        <!-- iconSweet2 icon pack (16x16) -->
            <link rel="stylesheet" href="img/icsw2_16/icsw2_16.css">
        <!-- splashy icon pack -->
            <link rel="stylesheet" href="img/splashy/splashy.css">
        <!-- flag icons -->
            <link rel="stylesheet" href="img/flags/flags.css">
        <!-- power tooltips -->
            <link rel="stylesheet" href="js/lib/powertip/jquery.powertip.css">
        <!-- google web fonts -->
            <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Abel">
            <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300">

    <!-- aditional stylesheets -->


        <!-- main stylesheet -->
            <link rel="stylesheet" href="css/beoro.css">
        <!-- custom stylesheet -->
            <link rel="stylesheet" href="css/custom.css">
        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
        <!--[if IE 9]><link rel="stylesheet" href="css/ie9.css"><![endif]-->
            
        <!--[if lt IE 9]>
            <script src="js/ie/html5shiv.min.js"></script>
            <script src="js/ie/respond.min.js"></script>
            <script src="js/lib/flot-charts/excanvas.min.js"></script>
        <![endif]-->

    </head>
    <body class="bg_d">
    <!-- main wrapper (without footer) -->    
        <div class="main-wrapper">
        <!-- top bar -->
            <div class="navbar navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container">
                        
                        <div id="fade-menu" class="pull-left">
                            <ul class="clearfix" id="mobile-nav">
                                <li>
                                    <a href=".">Главная</a>
                                </li>
                                <li>
                                    <a href="new_user.php">Добавить агента/субагента</a>
                                </li>
                                <li>
                                    <a href="usloviya.php">Условия программы</a>
                                </li>
                                <li>
                                    <a href="contact.php">Обратная связь</a>
                                </li>
                                <li>
                                    <a href="charts.php">Графики по направлениям</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">Графики по субагентам</a>
                                </li>                                                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        <!-- header -->
            <header>
                <div class="container">
                    <div class="row">
                        <div class="span3">
                            <div class="main-logo"><a href="dashboard.html"><img src="img/beoro_logo.png" alt="Beoro Admin"></a></div>
                        </div>
                        <div class="span5">
                            
                        </div>
                        <div class="span4">
                            <div class="user-box">
                                <div class="user-box-inner">                                    
                                    <div class="user-info">
                                        Вы вошли как <strong>Admin</strong>
                                        <ul class="unstyled">
                                            <li><a href="user_profile.php">Профиль</a></li>
                                            <li>&middot;</li>
                                            <li><a href="login.html">Выйти</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>

            
        <!-- main content -->
            <div class="container">
                <div class="row-fluid">
                    <div class="span6">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>График стран пребывания карт</h4>
                            </div>
                            <div class="w-box-content cnt_b">
                            <div class="row-fluid">
                                    <div class="span4">
                                        <label>Начальная дата</label>
                                        <div class="input-append date" id="dpStart" data-date-format="dd/mm/yyyy" data-date="20/11/2012">
                                            <input class="span6" size="16" value="20/11/2012" readonly type="text">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                    </div>
                                    <div class="span4">
                                        <label>Конечная дата</label>
                                        <div class="input-append date" id="dpEnd" data-date-format="dd/mm/yyyy" data-date="24/11/2012">
                                            <input class="span6" size="16" value="24/11/2012" readonly type="text">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                    </div>
                                </div><br />
                                <div id="chart_pie" class="chart_a"></div>
                            </div>
                        </div>
                    </div>
                    <div class="span6">
                        <div class="w-box">
                            <div class="w-box-header">
                                <h4>График использования исходящих операторов</h4>
                            </div>
                            <div class="w-box-content cnt_b">
                            <div class="row-fluid">
                                    <div class="span4">
                                        <label>Начальная дата</label>
                                        <div class="input-append date" id="dpStart" data-date-format="dd/mm/yyyy" data-date="20/11/2012">
                                            <input class="span6" size="16" value="20/11/2012" readonly type="text">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                    </div>
                                    <div class="span4">
                                        <label>Конечная дата</label>
                                        <div class="input-append date" id="dpEnd" data-date-format="dd/mm/yyyy" data-date="24/11/2012">
                                            <input class="span6" size="16" value="24/11/2012" readonly type="text">
                                            <span class="add-on"><i class="icon-calendar"></i></span>
                                        </div>
                                    </div>
                                </div><br />
                                <div id="chart_pie1" class="chart_a"></div>
                            </div>
                        </div>
                    </div>
                </div>                
            </div>
            <div class="footer_space"></div>
        </div> 

    <!-- footer --> 
        <footer>
            <div class="container">
                <div class="row">
                    <div class="span5">
                        <div>&copy; <a href="http://http://www.smart-sim.ru/">www.smart-sim.ru</a> 2012</div>
                    </div>                    
                </div>
            </div>
        </footer>
        
    <!-- Common JS -->
        <!-- jQuery framework -->
            <script src="js/jquery.min.js"></script>
        <!-- bootstrap Framework plugins -->
            <script src="bootstrap/js/bootstrap.min.js"></script>
        <!-- top menu -->
            <script src="js/jquery.fademenu.js"></script>
        <!-- top mobile menu -->
            <script src="js/selectnav.min.js"></script>
        <!-- actual width/height of hidden DOM elements -->
            <script src="js/jquery.actual.min.js"></script>
        <!-- jquery easing animations -->
            <script src="js/jquery.easing.1.3.min.js"></script>
        <!-- power tooltips -->
            <script src="js/lib/powertip/jquery.powertip-1.1.0.min.js"></script>
        <!-- date library -->
            <script src="js/moment.min.js"></script>
        <!-- common functions -->
            <script src="js/beoro_common.js"></script>
<!-- datepicker -->
            <script src="js/lib/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
<!-- timepicker -->
            <script src="js/lib/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>            
        <!-- flot charts -->
            <script src="js/lib/flot-charts/jquery.flot.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.resize.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.pie.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.orderBars.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.tooltip.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.time.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.stack.js"></script>
            <script src="js/lib/flot-charts/jquery.flot.threshold.js"></script>

            <script src="js/pages/beoro_charts.js"></script>

    </body>
</html>